﻿<!DOCTYPE html>
<html>
<head>
    <title>Cron表达式生成器</title>
    <script src="../../libs/jquery.min.js" type="text/javascript"></script>
    <link href="easyui/themes/bootstrap/easyui.css" rel="stylesheet" type="text/css"/>
    <script src="easyui/jquery.easyui.min.js" type="text/javascript"></script>
    <script src="cron.js" type="text/javascript"></script>
</head>
<body style="margin:0">
<div class="easyui-layout"
     style="width: 630px; height: 520px; border: 1px rgb(202, 196, 196) solid; border-radius: 5px;">
    <div style="height: 100%;">
        <a href="javascript:location=location" style="position:absolute;top:7px;right:10px;z-index:100;font-size:12px">刷新</a>
        <div class="easyui-tabs" data-options="fit:true,border:false">
            <div title="秒">
                <div class="line">
                    <input type="radio" checked="checked" name="second" onclick="everyTime(this)"> 每秒
                    允许的通配符[, - * /]
                </div>
                <div class="line">
                    <input type="radio" name="second" onclick="cycle(this)"> 周期从 <input
                        class="numberspinner" style="width: 60px;" data-options="min:1,max:58" value="1"
                        id="secondStart_0">- <input class="numberspinner" style="width: 60px;"
                                                    data-options="min:2,max:59" value="2" id="secondEnd_0">秒
                </div>
                <div class="line">
                    <input type="radio" name="second" onclick="startOn(this)"> 从 <input
                        class="numberspinner" style="width: 60px;" data-options="min:0,max:59" value="0"
                        id="secondStart_1">秒开始,每 <input class="numberspinner" style="width: 60px;"
                                                        data-options="min:1,max:59" value="1" id="secondEnd_1">秒执行一次
                </div>
                <div class="line">
                    <input type="radio" name="second" id="sencond_appoint"> 指定
                </div>
                <div class="imp secondList">
                    <input type="checkbox" value="0">00 <input type="checkbox" value="1">01 <input
                        type="checkbox" value="2">02 <input type="checkbox" value="3">03 <input
                        type="checkbox" value="4">04 <input type="checkbox" value="5">05 <input
                        type="checkbox" value="6">06 <input type="checkbox" value="7">07 <input
                        type="checkbox" value="8">08 <input type="checkbox" value="9">09
                </div>
                <div class="imp secondList">
                    <input type="checkbox" value="10">10 <input type="checkbox" value="11">11 <input
                        type="checkbox" value="12">12 <input type="checkbox" value="13">13 <input
                        type="checkbox" value="14">14 <input type="checkbox" value="15">15 <input
                        type="checkbox" value="16">16 <input type="checkbox" value="17">17 <input
                        type="checkbox" value="18">18 <input type="checkbox" value="19">19
                </div>
                <div class="imp secondList">
                    <input type="checkbox" value="20">20 <input type="checkbox" value="21">21 <input
                        type="checkbox" value="22">22 <input type="checkbox" value="23">23 <input
                        type="checkbox" value="24">24 <input type="checkbox" value="25">25 <input
                        type="checkbox" value="26">26 <input type="checkbox" value="27">27 <input
                        type="checkbox" value="28">28 <input type="checkbox" value="29">29
                </div>
                <div class="imp secondList">
                    <input type="checkbox" value="30">30 <input type="checkbox" value="31">31 <input
                        type="checkbox" value="32">32 <input type="checkbox" value="33">33 <input
                        type="checkbox" value="34">34 <input type="checkbox" value="35">35 <input
                        type="checkbox" value="36">36 <input type="checkbox" value="37">37 <input
                        type="checkbox" value="38">38 <input type="checkbox" value="39">39
                </div>
                <div class="imp secondList">
                    <input type="checkbox" value="40">40 <input type="checkbox" value="41">41 <input
                        type="checkbox" value="42">42 <input type="checkbox" value="43">43 <input
                        type="checkbox" value="44">44 <input type="checkbox" value="45">45 <input
                        type="checkbox" value="46">46 <input type="checkbox" value="47">47 <input
                        type="checkbox" value="48">48 <input type="checkbox" value="49">49
                </div>
                <div class="imp secondList">
                    <input type="checkbox" value="50">50 <input type="checkbox" value="51">51 <input
                        type="checkbox" value="52">52 <input type="checkbox" value="53">53 <input
                        type="checkbox" value="54">54 <input type="checkbox" value="55">55 <input
                        type="checkbox" value="56">56 <input type="checkbox" value="57">57 <input
                        type="checkbox" value="58">58 <input type="checkbox" value="59">59
                </div>
            </div>
            <div title="分钟">
                <div class="line">
                    <input type="radio" checked="checked" name="min" onclick="everyTime(this)"> 分钟
                    允许的通配符[, - * /]
                </div>
                <div class="line">
                    <input type="radio" name="min" onclick="cycle(this)"> 周期从 <input class="numberspinner"
                                                                                     style="width: 60px;"
                                                                                     data-options="min:1,max:58"
                                                                                     value="1" id="minStart_0">- <input
                        class="numberspinner" style="width: 60px;" data-options="min:2,max:59" value="2"
                        id="minEnd_0">分钟
                </div>
                <div class="line">
                    <input type="radio" name="min" onclick="startOn(this)"> 从 <input class="numberspinner"
                                                                                     style="width: 60px;"
                                                                                     data-options="min:0,max:59"
                                                                                     value="0" id="minStart_1">分钟开始,每
                    <input
                            class="numberspinner" style="width: 60px;" data-options="min:1,max:59" value="1"
                            id="minEnd_1">分钟执行一次
                </div>
                <div class="line">
                    <input type="radio" name="min" id="min_appoint"> 指定
                </div>
                <div class="imp minList">
                    <input type="checkbox" value="0">00 <input type="checkbox" value="1">01 <input
                        type="checkbox" value="2">02 <input type="checkbox" value="3">03 <input
                        type="checkbox" value="4">04 <input type="checkbox" value="5">05 <input
                        type="checkbox" value="6">06 <input type="checkbox" value="7">07 <input
                        type="checkbox" value="8">08 <input type="checkbox" value="9">09
                </div>
                <div class="imp minList">
                    <input type="checkbox" value="10">10 <input type="checkbox" value="11">11 <input
                        type="checkbox" value="12">12 <input type="checkbox" value="13">13 <input
                        type="checkbox" value="14">14 <input type="checkbox" value="15">15 <input
                        type="checkbox" value="16">16 <input type="checkbox" value="17">17 <input
                        type="checkbox" value="18">18 <input type="checkbox" value="19">19
                </div>
                <div class="imp minList">
                    <input type="checkbox" value="20">20 <input type="checkbox" value="21">21 <input
                        type="checkbox" value="22">22 <input type="checkbox" value="23">23 <input
                        type="checkbox" value="24">24 <input type="checkbox" value="25">25 <input
                        type="checkbox" value="26">26 <input type="checkbox" value="27">27 <input
                        type="checkbox" value="28">28 <input type="checkbox" value="29">29
                </div>
                <div class="imp minList">
                    <input type="checkbox" value="30">30 <input type="checkbox" value="31">31 <input
                        type="checkbox" value="32">32 <input type="checkbox" value="33">33 <input
                        type="checkbox" value="34">34 <input type="checkbox" value="35">35 <input
                        type="checkbox" value="36">36 <input type="checkbox" value="37">37 <input
                        type="checkbox" value="38">38 <input type="checkbox" value="39">39
                </div>
                <div class="imp minList">
                    <input type="checkbox" value="40">40 <input type="checkbox" value="41">41 <input
                        type="checkbox" value="42">42 <input type="checkbox" value="43">43 <input
                        type="checkbox" value="44">44 <input type="checkbox" value="45">45 <input
                        type="checkbox" value="46">46 <input type="checkbox" value="47">47 <input
                        type="checkbox" value="48">48 <input type="checkbox" value="49">49
                </div>
                <div class="imp minList">
                    <input type="checkbox" value="50">50 <input type="checkbox" value="51">51 <input
                        type="checkbox" value="52">52 <input type="checkbox" value="53">53 <input
                        type="checkbox" value="54">54 <input type="checkbox" value="55">55 <input
                        type="checkbox" value="56">56 <input type="checkbox" value="57">57 <input
                        type="checkbox" value="58">58 <input type="checkbox" value="59">59
                </div>
            </div>
            <div title="小时">
                <div class="line">
                    <input type="radio" checked="checked" name="hour" onclick="everyTime(this)"> 小时
                    允许的通配符[, - * /]
                </div>
                <div class="line">
                    <input type="radio" name="hour" onclick="cycle(this)"> 周期从 <input
                        class="numberspinner" style="width: 60px;" data-options="min:0,max:23" value="0"
                        id="hourStart_0">- <input class="numberspinner" style="width: 60px;"
                                                  data-options="min:2,max:23" value="2" id="hourEnd_1">小时
                </div>
                <div class="line">
                    <input type="radio" name="hour" onclick="startOn(this)"> 从 <input
                        class="numberspinner" style="width: 60px;" data-options="min:0,max:23" value="0"
                        id="hourStart_1">小时开始,每 <input class="numberspinner" style="width: 60px;"
                                                       data-options="min:1,max:23" value="1" id="hourEnd_1">小时执行一次
                </div>
                <div class="line">
                    <input type="radio" name="hour" id="hour_appoint"> 指定
                </div>
                <div class="imp hourList">
                    上午: <input type="checkbox" value="0">00 <input type="checkbox" value="1">01 <input
                        type="checkbox" value="2">02 <input type="checkbox" value="3">03 <input
                        type="checkbox" value="4">04 <input type="checkbox" value="5">05 <input
                        type="checkbox" value="6">06 <input type="checkbox" value="7">07 <input
                        type="checkbox" value="8">08 <input type="checkbox" value="9">09 <input
                        type="checkbox" value="10">10 <input type="checkbox" value="11">11
                </div>
                <div class="imp hourList">
                    下午: <input type="checkbox" value="12">12 <input type="checkbox" value="13">13
                    <input type="checkbox" value="14">14 <input type="checkbox" value="15">15 <input
                        type="checkbox" value="16">16 <input type="checkbox" value="17">17 <input
                        type="checkbox" value="18">18 <input type="checkbox" value="19">19 <input
                        type="checkbox" value="20">20 <input type="checkbox" value="21">21 <input
                        type="checkbox" value="22">22 <input type="checkbox" value="23">23
                </div>
            </div>
            <div title="日">
                <div class="line">
                    <input type="radio" checked="checked" name="day" onclick="everyTime(this)"> 日 允许的通配符[,
                    - * / L W]
                </div>
                <div class="line">
                    <input type="radio" name="day" onclick="unAppoint(this)"> 不指定
                </div>
                <div class="line">
                    <input type="radio" name="day" onclick="cycle(this)"> 周期从 <input class="numberspinner"
                                                                                     style="width: 60px;"
                                                                                     data-options="min:1,max:31"
                                                                                     value="1" id="dayStart_0">- <input
                        class="numberspinner" style="width: 60px;" data-options="min:2,max:31" value="2"
                        id="dayEnd_0">日
                </div>
                <div class="line">
                    <input type="radio" name="day" onclick="startOn(this)"> 从 <input class="numberspinner"
                                                                                     style="width: 60px;"
                                                                                     data-options="min:1,max:31"
                                                                                     value="1" id="dayStart_1">日开始,每
                    <input
                            class="numberspinner" style="width: 60px;" data-options="min:1,max:31" value="1"
                            id="dayEnd_1">天执行一次
                </div>
                <div class="line">
                    <input type="radio" name="day" onclick="workDay(this)"> 每月 <input
                        class="numberspinner" style="width: 60px;" data-options="min:1,max:31" value="1"
                        id="dayStart_2">号最近的那个工作日
                </div>
                <div class="line">
                    <input type="radio" name="day" onclick="lastDay(this)"> 本月最后一天
                </div>
                <div class="line">
                    <input type="radio" name="day" id="day_appoint"> 指定
                </div>
                <div class="imp dayList">
                    <input type="checkbox" value="1">1 <input type="checkbox" value="2">2 <input
                        type="checkbox" value="3">3 <input type="checkbox" value="4">4 <input
                        type="checkbox" value="5">5 <input type="checkbox" value="6">6 <input
                        type="checkbox" value="7">7 <input type="checkbox" value="8">8 <input
                        type="checkbox" value="9">9 <input type="checkbox" value="10">10 <input
                        type="checkbox" value="11">11 <input type="checkbox" value="12">12 <input
                        type="checkbox" value="13">13 <input type="checkbox" value="14">14 <input
                        type="checkbox" value="15">15 <input type="checkbox" value="16">16
                </div>
                <div class="imp dayList">
                    <input type="checkbox" value="17">17 <input type="checkbox" value="18">18 <input
                        type="checkbox" value="19">19 <input type="checkbox" value="20">20 <input
                        type="checkbox" value="21">21 <input type="checkbox" value="22">22 <input
                        type="checkbox" value="23">23 <input type="checkbox" value="24">24 <input
                        type="checkbox" value="25">25 <input type="checkbox" value="26">26 <input
                        type="checkbox" value="27">27 <input type="checkbox" value="28">28 <input
                        type="checkbox" value="29">29 <input type="checkbox" value="30">30 <input
                        type="checkbox" value="31">31
                </div>
            </div>
            <div title="月">
                <div class="line">
                    <input type="radio" checked="checked" name="mouth" onclick="everyTime(this)"> 月
                    允许的通配符[, - * /]
                </div>
                <!--                     <div class="line"> -->
                <!--                         <input type="radio" name="mouth" onclick="unAppoint(this)"> 不指定</div> -->
                <div class="line">
                    <input type="radio" name="mouth" onclick="cycle(this)"> 周期从 <input
                        class="numberspinner" style="width: 60px;" data-options="min:1,max:12" value="1"
                        id="mouthStart_0">- <input class="numberspinner" style="width: 60px;"
                                                   data-options="min:2,max:12" value="2" id="mouthEnd_0">月
                </div>
                <div class="line">
                    <input type="radio" id="mouth_3" name="mouth" onclick="startOn(this)"> 从 <input
                        class="numberspinner" style="width: 60px;" data-options="min:1,max:12" value="1"
                        id="mouthStart_1">日开始,每 <input class="numberspinner" style="width: 60px;"
                                                       data-options="min:1,max:12" value="1" id="mouthEnd_1">月执行一次
                </div>
                <div class="line">
                    <input type="radio" name="mouth" id="mouth_appoint"> 指定
                </div>
                <div class="imp mouthList">
                    <input type="checkbox" value="1">1 <input type="checkbox" value="2">2 <input
                        type="checkbox" value="3">3 <input type="checkbox" value="4">4 <input
                        type="checkbox" value="5">5 <input type="checkbox" value="6">6 <input
                        type="checkbox" value="7">7 <input type="checkbox" value="8">8 <input
                        type="checkbox" value="9">9 <input type="checkbox" value="10">10 <input
                        type="checkbox" value="11">11 <input type="checkbox" value="12">12
                </div>
            </div>
            <div title="周">
                <div class="line">
                    <input type="radio" checked="checked" name="week" onclick="everyTime(this)"> 周
                    允许的通配符[, - * / L #]
                </div>
                <div class="line">
                    <input type="radio" name="week" onclick="unAppoint(this)"> 不指定
                </div>
                <div class="line">
                    <input type="radio" name="week" onclick="cycle(this)"> 周期 从星期 <input
                        class="numberspinner" style="width: 60px;" data-options="min:1,max:7" value="1"
                        id="weekStart_0">- <input class="numberspinner" style="width: 60px;"
                                                  data-options="min:2,max:7" value="2" id="weekEnd_0">
                </div>
                <div class="line">
                    <input type="radio" name="week" onclick="weekOfDay(this)"> 星期 <input
                        class="numberspinner" style="width: 60px;" data-options="min:1,max:7" value="1"
                        id="weekStart_1">的, 第 <input class="numberspinner" style="width: 60px;"
                                                     data-options="min:1,max:4" value="1" id="weekEnd_1">周
                </div>
                <div class="line">
                    <input type="radio" name="week" onclick="lastWeek(this)"> 本月最后一个星期 <input
                        class="numberspinner" style="width: 60px;" data-options="min:1,max:7" id="weekStart_2"
                        value="1">
                </div>
                <div class="line">
                    <input type="radio" name="week" id="week_appoint"> 指定
                </div>
                <div class="imp weekList">
                    <input type="checkbox" value="1">1 周日 <input type="checkbox" value="2">2 周一 <input
                        type="checkbox" value="3">3 周二 <input type="checkbox" value="4">4 周三 <input
                        type="checkbox" value="5">5 周四 <input type="checkbox" value="6">6 周五 <input
                        type="checkbox" value="7">7 周六
                </div>
            </div>
            <div title="年">
                <div class="line">
                    <input type="radio" checked="checked" name="year" onclick="unAppoint(this)"> 不指定
                    允许的通配符[, - * /] 非必填
                </div>
                <div class="line">
                    <input type="radio" name="year" onclick="everyTime(this)"> 每年
                </div>
                <div class="line">
                    <input type="radio" name="year" onclick="cycle(this)"> 周期 从 <input
                        class="numberspinner" style="width: 90px;" data-options="min:2013,max:3000" id="yearStart_0"
                        value="2016">- <input class="numberspinner" style="width: 90px;"
                                              data-options="min:2014,max:3000" id="yearEnd_0" value="2019">
                </div>
            </div>
        </div>
    </div>
    <div data-options="region:'south',border:false" style="height: 245px">
        <fieldset style="border-radius: 3px; height: 200px;">
            <legend>表达式</legend>
            <table style="width: 100%">
                <tbody>
                <tr>
                    <td></td>
                    <td align="center">秒</td>
                    <td align="center">分钟</td>
                    <td align="center">小时</td>
                    <td align="center">日</td>
                    <td align="center">月 <br/></td>
                    <td align="center">星期</td>
                    <td align="center">年</td>
                </tr>
                <tr>
                    <td>表达式字段:</td>
                    <td><input type="text" name="v_second" class="col" value="*" readonly="readonly"/></td>
                    <td><input type="text" name="v_min" class="col" value="*" readonly="readonly"/></td>
                    <td><input type="text" name="v_hour" class="col" value="*" readonly="readonly"/></td>
                    <td><input type="text" name="v_day" class="col" value="*" readonly="readonly"/></td>
                    <td><input type="text" name="v_mouth" class="col" value="*" readonly="readonly"/></td>
                    <td><input type="text" name="v_week" class="col" value="?" readonly="readonly"/></td>
                    <td><input type="text" name="v_year" class="col" readonly="readonly"/></td>
                </tr>
                <tr>
                    <td>Cron 表达式:</td>
                    <td colspan="5"><input type="text" readonly="readonly" name="cron" style="width: 98%;" value=""
                                           id="cron"/></td>
                    <td colspan="2"><input type="button" value="表达式反解析到界面" id="btnFan" onclick="btnFan()"/></td>
                </tr>
                <tr>
                    <td colspan="8">
                        <div id="runTime" style="height: 120px; overflow: auto;"></div>
                    </td>
                </tr>
                </tbody>
            </table>
        </fieldset>
    </div>
</div>
</body>
</html>